<template>
  <div class="test111">
    <el-input placeholder="请输入内容" v-model="input"></el-input>
    <el-input type="textarea" placeholder="请输入内容" v-model="textarea" maxlength="30" show-word-limit>
    </el-input>
    <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: 'fsdfsfads',
      textarea: 'fdsafsd',
      num:1,
      options: [{
        value: '选项1',
        label: '黄金糕'
      }, {
        value: '选项2',
        label: '双皮奶'
      }, {
        value: '选项3',
        label: '蚵仔煎'
      }, {
        value: '选项4',
        label: '龙须面'
      }, {
        value: '选项5',
        label: '北京烤鸭'
      }],
      value: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.test111 {
  width: 500px;
  height: 500px;
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8);
}
</style>